<template>
	<view class="content">
		<image class="bg-set" :src="loginBg" mode=""></image>
		<view style="margin-top:700rpx;">
		
		<view class="text-area">
			<u-button type="primary" open-type="getUserInfo" shape="circle" size="medium"  @click="wxLogin" >立即登录</u-button>
			
		</view>
		<view class="text-area margin-top">
			<u-button shape="circle" size="medium"  @click="goBlck" >暂不登录</u-button>
			
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '微信授权登录',
				loginBg:'',
				host:'' //配置为自己的额服务器即可
			}
		},
		onLoad() {
			this.getBg()
		},
		methods: {
			wxLogin() {
				const _this = this;
				// 获取code 小程序专有，用户登录凭证。
				uni.getUserProfile({
					desc: "获取用户基本资料",
					lang: 'zh_CN',
					success: (user) => {
						//获取成功基本资料后开启登录，因为基本资料首先要授权
						uni.login({
							provider: 'weixin',
							success: function(code_res) {
								console.log(user)
								if (code_res.errMsg == "login:ok") {
									let code = code_res.code;
									
									_this.$apiResquest({
										url: 'cms/user/tocode',
										method: 'POST',
										query:{
											'code': code,
											
										}
									}).then(function(res) {
										_this.$apiResquest({
											url: 'cms/user/weixinLogin',
											method: 'POST',
											query:{
												'code': code,
												'iv': user.iv,
												'en_data': user.encryptedData,
												'session_key':res.data.session_key,
												'openid':res.data.openid,
											}
										}).then(function(res) {
											
											//存储到本地缓存
											uni.setStorageSync('token',res.data.token);
											uni.showToast({
												title:'登录成功',
												icon:'none'
											})
											uni.navigateBack({
												
											})
											
										
										})
										
									
									})
								
								
								
								// 			uni.request({
								// 				url: this.host+"/weixin/deuser",
								// 				method: 'POST',
								// 				data: {
													
								// 				},
								// 				success: (user_res) => {
								// 					if (user_res.data.code == 0) {
								// 						try{
								// 							//存储到本地缓存
								// 							uni.setStorageSync('token',user_res.data.result.token);
								// 							uni.showModal({
								// 								title:"登录成功",
								// 								showCancel:false
								// 							})
								// 						}catch{
								// 							uni.showModal({
								// 								title:"登录失败",
								// 								showCancel:false
								// 							})
								// 						}
														
								// 					} else {
								// 						uni.showModal({
								// 							title:"服务器异常",
								// 							showCancel:false
								// 						})
								// 					}
								// 				},
								// 			})
									
								}
							}
						});
			
					},
					fail: (res) => {
						uni.showModal({
							title:"用户拒绝授权",
							showCancel:false
						})
					}
				});
			},
			goBlck(){
				uni.navigateBack({
					
				})
			},
			getBg(){
				const _this = this;
				_this.$apiResquest({
					url: 'cms/config/configByKey',
					method: 'GET',
					query:{configKey:'login_bg'}
				}).then(function(res) {
					
					_this.loginBg = res.data.login_bg
				
				})
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.text-area {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
	.bg-set{
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: -1;
	}
</style>
